/**
 *
 *
 * @author TOTORO
 * @date 2021/7/22 8:34
 */
var babyStar = 0;
var sellerStar = 0;
var logisticsStar = 0;
$(function(){
    var isMouseOver = true;
    $(".rate-control li").click(function(){
        $(this).addClass("rate-checked").siblings().removeClass("rate-checked");
        if($(this).hasClass("good")==true){
            $(".rate-control p").text("亲，好评无法修改和删除，请验货后再对商品和购物感受做出评论。");
            $(".ph-label").text("亲，服务态度是否好，商品是否符合描述，售后服务是否到位？");
        }else if($(this).hasClass("normal")==true){
            $(".rate-control p").text("亲，很抱歉没能给您带来良好的购物体验，如有不满，您可联系卖家协商或发起售后维权。");
            $(".ph-label").text("咳咳，你给卖家打了中评，需要说明原因哦。");
        }else if($(this).hasClass("bad")){
            $(".rate-control p").text("亲，很抱歉没能给您带来良好的购物体验，如有不满，您可联系卖家协商或发起售后维权。");
            $(".ph-label").text("咳咳，您给了差评哦，亲可以先联系卖家沟通一下售后哦~");
        }
    });
    $(".rate-msg").focus(function(){
        $(".text-counter").show();
    });
    $(".rate-msg").blur(function(){
        $(".text-counter").hide();
    });
    //文本域计字
    $(".rate-msg").keyup(function(){
        var $tex=$(".rate-msg");
        var str = 0;
        var abcnum = 0;
        var maxNum = 1000;
        if($tex.val().length>0){
            $(".ph-label").hide();
        }else{
            $(".ph-label").show();
        }
        //汉字的个数
        str = ($tex.val().replace(/\w/g,"")).length;
        //非汉字的个数
        abcnum = $tex.val().length-str;
        texts =Math.ceil((maxNum - (str*2+abcnum*2))/2);
        $(".r-t-counter").text(texts);
        if (texts > maxNum/2) {//输入超过最大长度，就进行截取
            for (i = 1; i > 0; i++) {
                $(this).val($(this).val().substr(0, $(this).val().length - 1));
                if ($(this).val().replace(/[^\x00-\xff]/g, "aa").length <= texts) {
                    break;
                }
            }
        }
    });
    $(".ks-simplestar img").hover(function(){
        var key=$(this).index();
        var pr=$(this).parent().parent().index();
        var $x = $(this).offset().left;
        var $y = $(this).offset().top;
        // 获取当前下拉框的高度和宽度
        var $width = $(this).width();
        var $height = $(this).height();
        $(".placement-b").css('inset',(parseInt($y)+parseInt($height))+"px auto auto "+(parseInt($x)-parseInt($width)-70)+"px");
        // 先重置所有星星
        $(this).parent().find("img").attr('src','//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png');
        if(key < 2){
            $(this).parent().find("img:lt("+(parseInt(key)+1)+")").attr('src','//img.alicdn.com/tps/i1/T1lgl9XfXyXXXXXXXX-19-19.png');
        } else{
            $(this).parent().find("img:lt("+(parseInt(key)+1)+")").attr('src','//img.alicdn.com/tps/i3/T1eMt9XclyXXXXXXXX-19-19.png');
        }
        var s= $(this).attr("data-star");
        var score = s=="1 分"?"1分 不满意":s=="2 分"?"2分 不满意":s=="3 分"?"3分 一般":s=="4 分"?"4分 满意":"5分 很满意";
        var scoreText = $(this).attr("data-text");
        $(".tip-inner strong").text(score);
        $(".tip-inner span").text(scoreText);
        $(".placement-b").show();
    },function(){
        // 判断父类是否选中
        var isSelected = $(this).parent().attr("data-is-selected");
        if(isSelected == false){
            $(this).parent().find("img").attr('src','//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png');
        } else{
            $(this).parent().find("img").attr('src','//img.alicdn.com/tps/i2/T1j_SkXl0fXXXXXXXX-19-19.png');
            var starAmout = $(this).parent().attr("data-star-index");
            if(starAmout<2){
                $(this).parent().find("img:lt("+(parseInt(starAmout)+1)+")").attr('src','//img.alicdn.com/tps/i1/T1lgl9XfXyXXXXXXXX-19-19.png');
            } else{
                $(this).parent().find("img:lt("+(parseInt(starAmout)+1)+")").attr('src','//img.alicdn.com/tps/i3/T1eMt9XclyXXXXXXXX-19-19.png');
            }
        }

        $(".placement-b").hide();
    });
    $(".ks-simplestar img").click(function(){
        var key=$(this).index();
        // 给予分数
        var commentType = $(this).parent().attr("id");
        if(commentType == "babyStar"){
            babyStar = parseInt(key)+1;
            $("#babyStarScore").val(babyStar);
        }
        if(commentType == "sellerStar"){
            sellerStar = parseInt(key)+1;
            $("#sellerStarScore").val(sellerStar);
        }
        if(commentType =="logisticsStar"){
            logisticsStar = parseInt(key)+1;
            $("#logisticsStarScore").val(logisticsStar);
        }

        var pr=$(this).parent().attr("data-star-index", key);
        $(this).parent().attr("data-is-selected", true);
        // 星星颜色判断
        if(key<2){
            $(this).parent().find("img:lt("+parseInt(key+1)+")").attr('src','//img.alicdn.com/tps/i1/T1lgl9XfXyXXXXXXXX-19-19.png');
        } else{
            $(this).parent().find("img:lt("+parseInt(key+1)+")").attr('src','//img.alicdn.com/tps/i3/T1eMt9XclyXXXXXXXX-19-19.png');
        }
        $(this).parent().next().children("strong").text($(this).attr("data-star"));
        $(this).parent().next().children("span").text(" - "+$(this).attr("data-text"));
    });

    // 点击晒图片，生成Input file
    $(".file-input").click(function () {
        var $fileInput = $("<input type='file' style='display: none' name='eImages' class='image-input'>");
        $fileInput.click();
        $fileInput.change(function () {
            // 如果上传成功，则正式的添加在DOM元素中
            var $imgLi = $("<li class='queue-file-file-164'></li>");
            var $imageBox = $("<div class='file-image-box'>");
            var $img = $("<img src=''/>");
            var $deleteImage =$("<div class='status success-status' style='display: block;'><span class='J_Img_Del_file-163 delete-btn'>删除</span></div>");
            $imageBox.append($img).append($fileInput).append($deleteImage).appendTo($imgLi);
            $(".upload-queue").append($imgLi);


            var file = $(this);
            var filePath = file.val();
            var extStart = filePath.lastIndexOf(".");
            var ext = filePath.substring(extStart, filePath.length).toUpperCase();
            if (ext != ".BMP" && ext != ".PNG" && ext != ".JPG" && ext != ".JPEG") {
                $(".ks-dialog-mask").show();
                var $g1 = gMsg("图片格式不正确！上传失败").appendTo("body");
                $g1.slideDown(300);
                return false;
            }
            // 图片大小
            var fileSize = file[0].files[0].size;
            if(fileSize > 1024 * 1024 *3){
                // 显示消息
                $(".ks-dialog-mask").show();
                var $g1 = gMsg("图片大小不能大于3MB").appendTo("body");
                $g1.slideDown(300);
                return false;
            }
            var imageLength = $(".image-input").length;
            if(imageLength == 5){
                $(".J_btn").addClass("uploader-button-disabled");
                $(".file-input").prop("disabled", true);
            }
            $(".upload-msg").text(imageLength+"/5");
            html5Reader(file,$img);
        });
    });

    // 删除图片
    $(".upload-queue").on("click", ".delete-btn", function () {
        $(this).parents(".queue-file-file-164").remove();
        var imageLength = $(".image-input").length;
        // 将上传变为可点击
        $(".J_btn").removeClass("uploader-button-disabled");
        $(".file-input").prop("disabled", false);
        $(".upload-msg").text(imageLength+"/5");
    });

    // 提交评价，验证
    $("#rateListForm").submit(function () {
        // 评论分数
        var commentScore = $(".item-rate-act input:radio:checked");
        // 评论文本
        var commentText = $(".rate-msg");
        // 公开|匿名
        var anonymous = $(".share-box input:radio:checked");
        // 宝贝 | 卖家 | 物流星级
        if(commentScore.length<1){
            $(".ks-dialog-mask").show();
            var $g1 = gMsg("请填写本次评价的分数").appendTo("body");
            $g1.slideDown(300);
            return false;
        }
        if(commentText.val().length<1){
            $(".ks-dialog-mask").show();
            var $g1 = gMsg("请填写本次评价的内容").appendTo("body");
            $g1.slideDown(300);
            return false;
        }
        if(anonymous.length<1){
            $(".ks-dialog-mask").show();
            var $g1 = gMsg("请填写评价方式，匿名或者公开评论").appendTo("body");
            $g1.slideDown(300);
            return false;
        }
        if(babyStar==0 || sellerStar==0 || logisticsStar==0){
            $(".ks-dialog-mask").show();
            var $g1 = gMsg("请填写本次购物你对卖家的各种打分吧！").appendTo("body");
            $g1.slideDown(300);
            return false;
        }

    });
    
    $("body").on("click", "#ks-overlay-close-ks-component5005", function () {
        $(".ks-dialog-mask").hide();

        $("#ks-component5005").slideUp(300);
        setTimeout(function () {
            $("#ks-component5005").remove();
        },300)
    })
});


function html5Reader(file,pic) {
    var file = file[0].files[0];
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
        pic.attr("src", this.result);
    }
}

/**
 * 提示消息
 * @param text
 * @returns {*|Window.jQuery|HTMLElement}
 */
function gMsg(text){
    return $("<div id='ks-component5005' class='ks-dialog ks-overlay cart-dialog cart-dialog-alert' tabindex='0' role='dialog' aria-labelledby='ks-stdmod-header-ks-component5005' style='width: 374px; left: 761.5px; top: 582px; position: absolute; display: none' aria-hidden='false'>\n" +
        "<a href='javascript:void(' close')'='' id='ks-overlay-close-ks-component5005' class='ks-dialog-close ks-overlay-close' role='button'>\n" +
        "    <span class='ks-dialog-close-x ks-overlay-close-x'>close</span>\n" +
        "</a>\n" +
        "<div id='ks-content-ks-component5005' class='ks-dialog-content ks-overlay-content'>\n" +
        "    <div class='ks-dialog-header ks-overlay-header' style='\n" +
        "' id='ks-stdmod-header-ks-component5005'>提示信息</div>\n" +
        "    <div class='ks-dialog-body ks-overlay-body' style='\n" +
        "' id='ks-stdmod-body-ks-component5005'>"+text+"</div>\n" +
        "    <div class='ks-dialog-footer ks-overlay-footer' style='\n" +
        "' id='ks-stdmod-footer-ks-component5005'><span class='cart-icon icon-warning'></span></div>\n" +
        "</div>\n" +
        "<div tabindex='0'></div></div>");
}